// pages/mine/mine.js
import {
	getAllCollect
} from '../../api/mineRequst'
import getUserInfo from '../../api/getUserInfo'
import wxLogin from '../../api/wxLogin'
Page({

	/**
	 * 页面的初始数据
	 */
	data: {
		userInfo: null,
		dishesText: '所有食材',
		dishes: [],
		dishesChildData: [],
		Recipe: [],
		dishesChildLength: false,
		vip: false
	},
	// 改变选中的菜单
	changeDishes(e) {
		// console.log(e.mark.id);
		let data = []
		if (e.mark.id == '所有食材') {
			data = this.data.dishes.map(item => item.ingredient).flat()
		} else {
			data = this.data.dishes.filter(item => item.name == e.mark.id)[0].ingredient
		}
		this.setData({
			dishesText: e.mark.id,
			dishesChildData: data
		})
	},
	// 改变每道菜材料的长度状态
	changeLength() {
		this.setData({
			dishesChildLength: !this.data.dishesChildLength
		})
	},
	// 登录
	async Login() {
		const res = await wxLogin()
		if (res) {
			this.setData({
				userInfo: getApp().globalData.userInfo,
				vip: getApp().globalData.userInfo.vip
			})
			this.getCollect()
		}
	},
	// 获取菜品
	async getCollect(val) {
		const res = await getAllCollect()
		if (res.mycollect) {
			const dishesChildData = res.mycollect.map(item => item.ingredient).flat()
			this.setData({
				dishes: res.mycollect,
				dishesChildData
			})
		}
	},
	// 注销
	moveUserInfo() {
		// 清除token,userInfo
		wx.removeStorage({
			key: 'token',
		})
		wx.removeStorage({
			key: 'userInfo',
		})
		// 清除appuserInfo
		getApp().globalData.userInfo = null
		// 清除本组件uesrInfo
		this.setData({
			userInfo: null
		})
	},
	// 跳转菜品详情
	goDetail(e){
		wx.navigateTo({
		  url: '/pages/home/detail/detail?id='+e.mark.id,
		})
	},


	goVip() {
		wx.navigateTo({
			url: '/pages/vip/myvip/myvip',
		})
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: async function (options) {

	},

	/**
	 * 生命周期函数--监听页面初次渲染完成
	 */
	onReady: function () {

	},

	/**
	 * 生命周期函数--监听页面显示
	 */
	onShow: async function () {
		const userInfo = await getUserInfo()
		if (userInfo) {
			this.setData({
				userInfo,
				vip: userInfo.vip
			})
			// 获取收藏的菜品
			this.getCollect()
		}
	},

	/**
	 * 生命周期函数--监听页面隐藏
	 */
	onHide: function () {

	},

	/**
	 * 生命周期函数--监听页面卸载
	 */
	onUnload: function () {

	},

	/**
	 * 页面相关事件处理函数--监听用户下拉动作
	 */
	onPullDownRefresh: function () {

	},

	/**
	 * 页面上拉触底事件的处理函数
	 */
	onReachBottom: function () {

	},

	/**
	 * 用户点击右上角分享
	 */
	onShareAppMessage: function () {

	}
})